<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet"  media="all" />
<!-- pop-up -->
<link href="${pageContext.request.contextPath}/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- //pop-up -->
<link href="${pageContext.request.contextPath}/css/easy-responsive-tabs.css" rel='stylesheet' type="text/css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/zoomslider.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css" />
<link href="${pageContext.request.contextPath}/css/font-awesome.css" rel="stylesheet"> 
<script type="text/javascript" src="${pageContext.request.contextPath}/js/modernizr-2.6.2.min.js"></script>
<!--/web-fonts-->
<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
</head>
<body>
<!--/main-header-->
  <!--/banner-section-->
	<div id="demo-1" data-zs-src='["images/di2.jpg", "images/1.jpg", "images/di3.jpg","images/di4.jpg"]' data-zs-overlay="dots">
		<div class="demo-inner-content">
		<!--/header-w3l-->
			   <div class="header-w3-agileits" id="home">
			     <div class="inner-header-agile">	
				<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a  href="index.html"><span>M</span>ovies <span>P</span>ro</a></h1>
					</div>
					<!-- navbar-header -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
							<li class="active"><a href="/index">首页</a></li>
							<li><a href="/moviedetail">电影</a></li>
							<li><a href="/userInfo">个人中心</a></li>
						</ul>

					</div>
					<div class="clearfix"> </div>	
				</nav>
					<div class="w3ls_search">
									<div class="cd-main-header">
										<ul class="cd-header-buttons">
											<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
										</ul> <!-- cd-header-buttons -->
									</div>
									<div id="cd-search" class="cd-search">
										<form action="#" method="post">
											<input name="Search" type="search" placeholder="Search...">
										</form>
									</div>
								</div>
	
			</div> 

			   </div>
		<!--//header-w3l-->
			<!--/banner-info-->
			   <div class="baner-info">
			      <h3>Latest <span>On</span>Line <span>Mo</span>vies</h3>
				  <h4>In space no one can hear you scream.</h4>
				  <a class="w3_play_icon1" href="#small-dialog1">
											Watch Trailer
										</a>
			   </div>
			<!--/banner-ingo-->		
		</div>
    </div>
  <!--/banner-section-->
 <!--//main-header-->
	         <!--/banner-bottom-->
			  <div class="w3_agilits_banner_bootm">
			     <div class="w3_agilits_inner_bottom">
			            <div class="col-md-6 wthree_agile_login">
						     <ul>
									<li><i class="fa fa-phone" aria-hidden="true"></i> (+000) 009 455 4088</li>
									<c:if test="${dbuser==null }">
									<li><a href="#" class="login"  data-toggle="modal" data-target="#myModal4">登录</a></li>
									<li><a href="#" class="login reg"  data-toggle="modal" data-target="#myModal5">注册</a></li>
									</c:if>
									<c:if test="${dbuser!=null }">
										<li><a href="#" class="login">欢迎用户：${dbuser.name }</a></li>
										<li><a href="/movie/logout" class="login">注销</a></li>
									</c:if>
								</ul>
						</div>
						 <div class="col-md-6 wthree_share_agile">
									
									<div class="single-agile-shar-buttons">
									<ul>
								<li>
									<div class="fb-like" data-href="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
									
								</li>
								<li>
									<div class="fb-share-button" data-href="" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="">Share</a></div>
								</li>
								
							</ul>
								</div>
						</div>
				</div>
			</div>
			<!--//banner-bottom-->
<%@include file="loginAndRegModal.jsp" %>
			<!--/content-inner-section-->
				<div class="w3_content_agilleinfo_inner">
					<div class="agile_featured_movies">
						<!--/agileinfo_tabs-->
					   <div class="agileinfo_tabs">
						<!--/tab-section-->
					    <div id="horizontalTab">
								<ul class="resp-tabs-list">
									<li>最近</li>
									<li>最受欢迎</li>
									<li>高评分 </li>
								</ul>
						<div class="resp-tabs-container">
							<div class="tab1">
								<div class="tab_movies_agileinfo">
										<div class="w3_agile_featured_movies">
											<c:forEach items="${release }" var="r" varStatus="o" begin="0" end="8" step="1">
											<c:if test="${o.index==0 }">
											<a href="/moviedetail?movieId=${r.movieId }">
											<div class="col-md-5 video_agile_player">
										            <div class="video-grid-single-page-agileits">
														<div data-video="f2Z65fobH2I" id="video"> <img src="${r.mimg }" alt="" class="img-responsive" style="max-height:400px;max-width: 600px; vertical-align:middle;" /> </div>
													</div>


										
	        <div class="player-text">
												<p class="fexi_header">${r.mname }</p>
												<p class="fexi_header_para"><span class="conjuring_w3">电影简介 <label>:</label></span> ${r.introduce }</p>
												<p class="fexi_header_para"><span>上映时间 <label>:</label></span> ${r.releasetime } </p>
												<p class="fexi_header_para">
													<span>类别<label>:</label> </span>
													${r.mtype }							
												</p>
												<p class="fexi_header_para fexi_header_para1"><span>评分<label>:</label></span>
													
													<c:forEach begin="1" end="${r.score/2 }" step="1">
													<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
													</c:forEach>
													<c:forEach begin="1" end="${5-r.score/2 }" step="1">
													<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
													</c:forEach>
													
												</p>
											</div>
										    </div>
										    </a>
										     <div class="col-md-7 wthree_agile-movies_list">
										    </c:if>
										    
										    
										     <c:if test="${o.index!=0 }">
														<div class="w3l-movie-gride-agile">
															<a href="/moviedetail?movieId=${r.movieId }" class="hvr-sweep-to-bottom"><img src="${r.mimg }" title="Movies Pro" class="img-responsive" alt=" ">
																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
															</a>
																<div class="mid-1 agileits_w3layouts_mid_1_home">
																	<div class="w3l-movie-text">
																		<h6><a href="single.html">${r.mname }	</a></h6>						
																	</div>
																	<div class="mid-2 agile_mid_2_home">
																		<p>2018</p>
																		<div class="block-stars">
																			<ul class="w3l-ratings">
																				<c:forEach begin="1" end="${r.score/2 }" step="1">
																					<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
																				</c:forEach>
																				<c:forEach begin="1" end="2" step="1">
																					<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
																				</c:forEach>
																			</ul>
																		</div>
																		<div class="clearfix"></div>
																	</div>
																</div>
															<div class="ribben">
																<p>${r.score }分</p>
															</div>
													</div>
														
												 </c:if>
											 </c:forEach>
											 </div>
											
											<div class="clearfix"> </div>
										  </div>
										  <div class="cleafix"></div>
									</div>	
								</div>
							<div class="tab2">
								<div class="tab_movies_agileinfo">
										<div class="w3_agile_featured_movies">
											<c:forEach items="${ticket }" var="t" varStatus="p" begin="0" end="8" step="1">
											<c:if test="${p.index==0 }">
											<a href="/moviedetail?movieId=${t.movieId }">
											<div class="col-md-5 video_agile_player">
										            <div class="video-grid-single-page-agileits">
														<div data-video="f2Z65fobH2I" id="video"> <img src="${t.mimg }" alt="" class="img-responsive" style="max-height:400px;max-width: 600px; vertical-align:middle;" /> </div>
													</div>


										
	        								<div class="player-text">
												<p class="fexi_header">${t.mname }</p>
												<p class="fexi_header_para"><span class="conjuring_w3">电影简介 <label>:</label></span> ${t.introduce }</p>
												<p class="fexi_header_para"><span>上映时间 <label>:</label></span> ${t.releasetime } </p>
												<p class="fexi_header_para">
													<span>类别<label>:</label> </span>
													${t.mtype }							
												</p>
												<p class="fexi_header_para fexi_header_para1"><span>评分<label>:</label></span>
													
													<c:forEach begin="1" end="${t.score/2 }" step="1">
													<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
													</c:forEach>
													<c:forEach begin="1" end="${5-t.score/2 }" step="1">
													<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
													</c:forEach>
													
												</p>
											</div>
										    </div>
										    </a>
										     <div class="col-md-7 wthree_agile-movies_list">
										    </c:if>
										    
										    
										     <c:if test="${p.index!=0 }">
														<div class="w3l-movie-gride-agile">
															<a href="/moviedetail?movieId=${t.movieId }" class="hvr-sweep-to-bottom"><img src="${t.mimg }" title="Movies Pro" class="img-responsive" alt=" ">
																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
															</a>
																<div class="mid-1 agileits_w3layouts_mid_1_home">
																	<div class="w3l-movie-text">
																		<h6><a href="single.html">${t.mname }	</a></h6>						
																	</div>
																	<div class="mid-2 agile_mid_2_home">
																		<p>2018</p>
																		<div class="block-stars">
																			<ul class="w3l-ratings">
																				<c:forEach begin="1" end="${t.score/2 }" step="1">
																					<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
																				</c:forEach>
																				<c:forEach begin="1" end="2" step="1">
																					<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
																				</c:forEach>
																			</ul>
																		</div>
																		<div class="clearfix"></div>
																	</div>
																</div>
															<div class="ribben">
																<p>${t.score }分</p>
															</div>
													</div>
														
												 </c:if>
											 </c:forEach>
											 </div>
											<div class="clearfix"> </div>
										  </div>
										  <div class="cleafix"></div>
									</div>	
							</div>
						<div class="tab3">
								<div class="tab_movies_agileinfo">
										<div class="w3_agile_featured_movies">
											<c:forEach items="${score }" var="s" varStatus="i" begin="0" end="8" step="1">
											<c:if test="${i.index==0 }">
											<a href="/moviedetail?movieId=${s.movieId }">
											<div class="col-md-5 video_agile_player">
										            <div class="video-grid-single-page-agileits">
														<div data-video="f2Z65fobH2I" id="video"> <img src="${s.mimg }" alt="" class="img-responsive" style="max-height:400px;max-width: 600px; vertical-align:middle;" /> </div>
													</div>


										
	        <div class="player-text">
												<p class="fexi_header">${s.mname }</p>
												<p class="fexi_header_para"><span class="conjuring_w3">电影简介 <label>:</label></span> ${s.introduce }</p>
												<p class="fexi_header_para"><span>上映时间 <label>:</label></span> ${s.releasetime } </p>
												<p class="fexi_header_para">
													<span>类别<label>:</label> </span>
													${s.mtype }							
												</p>
												<p class="fexi_header_para fexi_header_para1"><span>评分<label>:</label></span>
													
													<c:forEach begin="1" end="${s.score/2 }" step="1">
													<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
													</c:forEach>
													<c:forEach begin="1" end="${5-s.score/2 }" step="1">
													<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
													</c:forEach>
													
												</p>
											</div>
										    </div>
										    </a>
										     <div class="col-md-7 wthree_agile-movies_list">
										    </c:if>
										    
										    
										     <c:if test="${i.index!=0 }">
														<div class="w3l-movie-gride-agile">
															<a href="/moviedetail?movieId=${s.movieId }" class="hvr-sweep-to-bottom"><img src="${s.mimg }" title="Movies Pro" class="img-responsive" alt=" ">
																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
															</a>
																<div class="mid-1 agileits_w3layouts_mid_1_home">
																	<div class="w3l-movie-text">
																		<h6><a href="single.html">${s.mname }	</a></h6>						
																	</div>
																	<div class="mid-2 agile_mid_2_home">
																		<p>2018</p>
																		<div class="block-stars">
																			<ul class="w3l-ratings">
																				<c:forEach begin="1" end="${s.score/2 }" step="1">
																					<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
																				</c:forEach>
																				<c:forEach begin="1" end="2" step="1">
																					<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
																				</c:forEach>
																			</ul>
																		</div>
																		<div class="clearfix"></div>
																	</div>
																</div>
															<div class="ribben">
																<p>${s.score }分</p>
															</div>
													</div>
														
												 </c:if>
											 </c:forEach>
											 </div>
											<div class="clearfix"> </div>
										  </div>
										  <div class="cleafix"></div>
									</div>	
								</div>
							</div>
						</div>
						
					</div>
				<!--//tab-section-->	
				  <h3 class="agile_w3_title"> 最近电影</h3>
			<!--/movies-->				
			<div class="w3_agile_latest_movies">
			
				<div id="owl-demo" class="owl-carousel owl-theme">
				<c:forEach items="${ release}" var="re" begin="0" end="8">
					<div class="item">
						<div class="w3l-movie-gride-agile w3l-movie-gride-slider ">
							<a href="/moviedetail?movieId=${re.movieId }" class="hvr-sweep-to-bottom"><img src="${re.mimg }" title="Movies Pro" class="img-responsive" alt=" " />
								<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="single.html">${re.mname }	</a></h6>							
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p>2018</p>
									<div class="block-stars">
										<ul class="w3l-ratings">
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben one">
								<p>${re.score }</p>
							</div>
						</div>
					</div>
					</c:forEach>
					   </div>
				    </div>
				<!--//movies-->
				 <h3 class="agile_w3_title">最想看的<span>电影</span> </h3>
				<!--/requested-movies-->
				     <div class="wthree_agile-requested-movies">
				     				<c:forEach items="${see }" var="see" begin="0" end="10">
										<div class="col-md-2 w3l-movie-gride-agile requested-movies">
															<a href="/moviedetail?movieId=${see.movieId }" class="hvr-sweep-to-bottom"><img src="${see.mimg }" title="Movies Pro" class="img-responsive" alt=" ">
																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
															</a>
																<div class="mid-1 agileits_w3layouts_mid_1_home">
																	<div class="w3l-movie-text">
																		<h6><a href="single.html">${see.mname }</a></h6>							
																	</div>
																	<div class="mid-2 agile_mid_2_home">
																		<p>${see.releasetime }</p>
																		
																		<div class="clearfix"></div>
																	</div>
																</div>
															
													</div>
										</c:forEach>
												<div class="clearfix"></div>
						</div>
				<!--//requested-movies-->
				<!--/top-movies-->
					<h3 class="agile_w3_title">最高评分<span>电影</span> </h3>
							<div class="top_movies">
								<div class="tab_movies_agileinfo">
										<div class="w3_agile_featured_movies two">
										
										     <div class="col-md-7 wthree_agile-movies_list second-top">
										     		<c:forEach items="${score }" var="score" begin="0" end="7" step="1">
														<div class="w3l-movie-gride-agile">
															<a href="single.html" class="hvr-sweep-to-bottom"><img src="${score.mimg }" title="Movies Pro" class="img-responsive" alt=" ">
																<div class="w3l-action-icon"><i class="fa fa-play-circle-o" aria-hidden="true"></i></div>
															</a>
																<div class="mid-1 agileits_w3layouts_mid_1_home">
																	<div class="w3l-movie-text">
																		<h6><a href="single.html">${score.mname }</a></h6>							
																	</div>
																	<div class="mid-2 agile_mid_2_home">
																		<p>2018</p>
																		<div class="block-stars">
																			<ul class="w3l-ratings">
																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
																				<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
																			</ul>
																		</div>
																		<div class="clearfix"></div>
																	</div>
																</div>
															<div class="ribben">
																<p>${score.score }</p>
															</div>
													</div>
														</c:forEach>
											 </div>
											 <c:forEach items="${score }" var="sc" begin="8" end="8">
											 	<div class="col-md-5 video_agile_player second-top">
										            <div class="video-grid-single-page-agileits">
														<div data-video="BXEZFd0RT5Y" id="video3"> <img src="${sc.mimg }" alt="" class="img-responsive" style="max-height:400px;max-width: 600px; vertical-align:middle;" /> </div>
													</div>

        <div class="player-text two">
												<p class="fexi_header">${sc.mname } </p>
												<p class="fexi_header_para"><span class="conjuring_w3">电影简介<label>:</label></span>${sc.introduce } </p>
									<p class="fexi_header_para"><span>上映时间<label>:</label></span>${sc.releasetime } </p>
												
												<p class="fexi_header_para">
													<span>分类<label>:</label> </span>
													${sc.mtype }							
												</p>
												<p class="fexi_header_para fexi_header_para1"><span>评分<label>:</label></span>
													<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
													<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>
													<a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a>
													<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
													<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
												</p>
											</div>

										    </div>
										    </c:forEach>
											<div class="clearfix"> </div>
										  </div>
										  <div class="cleafix"></div>
									</div>	
								</div>
					
				<!--//top-movies-->
			</div>
		</div>
			<!--//content-inner-section-->
		
	
			<div class="w3agile_footer_copy">
				    <p>Copyright &copy; 2018.电影售票系统.</p>
			</div>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

<script src="js/jquery-1.11.1.min.js"></script>
	

<script type="text/javascript" src="js/jquery.zoomslider.min.js"></script>
		<!-- search-jQuery -->
				<script src="js/main.js"></script>
		
			<script src="js/simplePlayer.js"></script>
			<script>
				$("document").ready(function() {
					$("#video").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video1").simplePlayer();
				});
			</script>
			<script>
				$("document").ready(function() {
					$("#video2").simplePlayer();
				});
			</script>
				<script>
				$("document").ready(function() {
					$("#video3").simplePlayer();
				});
			</script>

			<!-- pop-up-box -->  
		<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<!--//pop-up-box -->

			<div id="small-dialog1" class="mfp-hide">
			<iframe src=""></iframe>
	</div>
	<div id="small-dialog2" class="mfp-hide">
		<iframe src=""></iframe>
	</div>
	<script>
		$(document).ready(function() {
		$('.w3_play_icon,.w3_play_icon1,.w3_play_icon2').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
		});
																		
		});
	</script>
<script src="js/easy-responsive-tabs.js"></script>
<script>
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion           
width: 'auto', //auto or any width like 600px
fit: true,   // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
</script>
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
<script src="js/owl.carousel.js"></script>
<script>
	$(document).ready(function() { 
		$("#owl-demo").owlCarousel({
	 
		 autoPlay: 3000, //Set AutoPlay to 3 seconds
		  autoPlay : true,
		   navigation :true,

		  items : 5,
		  itemsDesktop : [640,4],
		  itemsDesktopSmall : [414,3]
	 
		});
	 
	}); 
</script> 

<!--/script-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>

<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
<!--end-smooth-scrolling-->
	<script src="js/bootstrap.js"></script>
 
 

</body>
</html>